@charset "UTF-8";

/* CSS Document */

* {margin: 0;padding: 0;box-sizing: border-box; font-family: pingfang;}

p {margin: 0;padding: 0;}

table {border-collapse: collapse;border-spacing: 0;}

th {font-weight: normal;}

fieldset, a img {border: 0;}

iframe {display: block;}

ol, ul, li {list-style: none;margin: 0;padding: 0;}

h1, h2, h3, h4, h5, h6 {
    /*font-size:100%;*/
}

del {text-decoration: line-through;color: #bfbfbf;}

q:before, q:after {content: '';}

sub, sup {font-size: 14px;line-height: 0;position: relative;vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

a, textarea, input, button, input:focus, input:hover {outline: none;}

ins, a {text-decoration: none;}

textarea {resize: none;overflow-y: auto;}

em, i {font-style: normal;}

/*html5*/
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main {
    display: block;
}

audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}

abbr, acronym {border: 0;font-variant: normal;}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;font-weight: normal;
}

img {max-width: 100%;height: auto;}

img,a,button,em,del,strong,var,label,cite,small,time,mark,code,textarea{
    display:inline;
}

@font-face {
    font-family: pingfang;
    src: url('../font/PINGFANG_M.TTF');
}

html {color: #333;}

body {font-family: Arial pingfang !important;font-size: 62.5%;}

input, textarea, select, button {font-family: Arial !important;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

input[type="number"] {-moz-appearance: textfield;}

input::placeholder,
textarea::placeholder {
    color: #999999;
}

a {color: #333333;text-decoration: none;}

a:hover {color: #ff7777;text-decoration: none;}

.centre-width {width: 1200px;margin: 0 auto;}

.min-width {min-width: 1200px;margin: 0 auto;}

.bg-cover{
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important;
}


/*单行省略*/
.single-ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*多行省略*/
.multiline-ellipsis{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.multiline-ellipsis_3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.multiline-ellipsis_4{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: '';clear: both;height: 0;}

* html .clearfix {zoom: 1;}

/* IE6 */
*:first-child + html .clearfix {zoom: 1;}

/* IE7 */
h1 {font-weight: normal;}

.pageHide {height: 0.8rem;width: 100%;color: #333;font-size: .24rem;display: flex;align-items: center;justify-content: center;}

.center {margin: 0 auto;}

.b {font-weight: bold;}

.btn:active {opacity: 0.5;}

.flex_center {display: flex;justify-content: center;}

.between {display: flex;justify-content: space-between;}

.flex_Box {display: flex;}

.line_center {display: flex;align-items: center;}

.flex_end {display: flex;justify-content: flex-end;}

.line_end {display: flex;align-items: flex-end;}

.flex_col {flex-direction: column;}

.flex_wrap {display: flex;flex-wrap: wrap;}

.dn {display: none;}

.f72 {font-size: 0.72rem}

.f60 {font-size: 0.60rem}

.f44 {font-size: 0.44rem}

.f42 {font-size: 0.42rem}

.f40 {font-size: 0.40rem}

.f36{font-size: 0.36rem}

.f32 {font-size: 0.32rem}

.f30 {font-size: 0.3rem}

.f28 {font-size: 0.28rem}

.f26 {font-size: 0.26rem}

.f24{font-size: 0.24rem}

.f22 {font-size: 0.22rem}

.f20 {font-size: 0.2rem}

.f18 {font-size: .18rem}

.f162 {font-size: .16rem}

.f15 {font-size: .15rem}

.f14 {font-size: .14rem}

.f13 {font-size: .13rem}

.f12{font-size: .12rem}

.f10 {font-size: .1rem}

.f8 {font-size: .08rem}

.ml5 {margin-left: .05rem;}

.ml10 {margin-left: .1rem;}

.ml15 {margin-left: .15rem;}

.ml17 {margin-left: .17rem;}

.ml20 {margin-left: .20rem;}

.ml25 {margin-left: .25rem;}

.ml30 {margin-left: .30rem;}

.ml35 {margin-left: .35rem;}

.ml40 {margin-left: .40rem;}

.ml45 {margin-left: .45rem;}

.ml50 {margin-left: .50rem;}

.ml60 {margin-left: .60rem;}

.mr5 {margin-right: .05rem;}

.mr10 {margin-right: .1rem;}

.mr15 {margin-right: .15rem;}

.mr20 {margin-right: .2rem;}

.mr25 {margin-right: .25rem;}

.mr30 {margin-right: .3rem;}

.mr35 {margin-right: .35rem;}

.mr40 {margin-right: .4rem;}

.mt5 {margin-top: .05rem;}

.mt10 {margin-top: .1rem;}

.mt15 {margin-top: .15rem;}

.mt20 {margin-top: .2rem;}

.mt25 {margin-top: .25rem;}

.mt30 {margin-top: .3rem;}

.mt35 {margin-top: .35rem;}

.mt40 {margin-top: .4rem;}

.mt45 {margin-top: .45rem;}

.mt50 {margin-top: .50rem;}

.mt55 {margin-top: .55rem;}

.mt60 {margin-top: .6rem;}

.mt65 {margin-top: .65rem;}

.mt75 {margin-top: .75rem;}

.mt100 {margin-top: 1rem;}

.mb5 {margin-bottom: .05rem;}

.mb15 {margin-bottom: .15rem;}

.mb10 {margin-bottom: .1rem;}

.mb20 {margin-bottom: .2rem;}

.mb25 {margin-bottom: .25rem;}

.mb50 {margin-bottom: .5rem;}

.pl5 {padding-left: .05rem;}

.pl10 {padding-left: .1rem;}

.pl15 {padding-left: .15rem;}

.pl20 {padding-left: .2rem;}

.pl25 {padding-left: .25rem;}

.pl30 {padding-left: .3rem;}

.pl35 {padding-left: .35rem;}

.pl40 {padding-left: .4rem;}

.pl140 {padding-left: 1.4rem;}

.pr5 {padding-right: .05rem;}

.pr10 {padding-right: .1rem;}

.pr15 {padding-right: .15rem;}

.pr20 {padding-right: .2rem;}

.pr25 {padding-right: .25rem;}

.pr30 {padding-right: .3rem;}

.pr40 {padding-right: .4rem;}

.pt5 {padding-top: .05rem;}

.pt10 {padding-top: .1rem;}

.pt15 {padding-top: .15rem;}

.pt20 {padding-top: .2rem;}

.pt25 {padding-top: .25rem;}

.pt30 {padding-top: .3rem;}

.pt35 {padding-top: .3rem;}

.pt40 {padding-top: .4rem;}

.pt45 {padding-top: .45rem;}

.pt50 {padding-top: .5rem;}

.pt70 {padding-top: .7rem;}

.pb5 {padding-bottom: .05rem;}

.pb10 {padding-bottom: .1rem;}

.pb15 {padding-bottom: .15rem;}

.pb20 {padding-bottom: .2rem;}

.pb25 {padding-bottom: .25rem;}

.pb30 {padding-bottom: .3rem;}

.pb35 {padding-bottom: .35rem;}

.pb40 {padding-bottom: .4rem;}

.pb45 {padding-bottom: .45rem;}

.pb50 {padding-bottom: .5rem;}

.pb60 {padding-bottom: .6rem;}

/*
 背景颜色
 * */
.bg-eee {background-color: #eee;}

.bg-c {background-color: #ccc;}

.bg-r {background-color: red;}

.bg-9 {background-color: #999;}

.bg-fff {background-color: #fff;}

.bg-blue {background-color: #91c1fe}

.bg-yellow {background-color: #fec767}

.bg-pink {background-color: #ff8088;}

.bg-low-pink {background-color: #fffaf0;}

.bg-low-blue {background-color: #f2fafb;}

.bg-low-gray {background-color: #ededed;}

.bg-body {background-color: #f0f4f5;}

.bg-primary {background-color: #ff7777;}

.bg-f5 {background-color: #F5F5F5;}

/*
 行高高度设置
 * */
.h55 {height: 0.55rem;}

.h25 {height: 0.25rem;}

.h20 {height: 0.2rem;}

.lh20 {line-height: 0.2rem;}

.lh25 {line-height: 0.25rem;}

.lh30 {line-height: 0.3rem;}

.lh35 {line-height: 0.35rem;}

.lh36 {line-height: 0.36rem;}

.lh40 {line-height: 0.40rem;}

.lh42 {line-height: 0.42rem;}

.lh48 {line-height: 0.48rem;}

/*高度*/

.h35 {height: 0.35rem;}

.h30 {height: 0.3rem;}

.h27 {height: 0.27rem;}

.h40 {height: 0.4rem;}

.h45 {height: 0.45rem;}

.h50 {height: 0.5rem;}

.h60 {padding: .2rem 0;}

.h70 {height: 0.7rem;}

.h76 {height: 0.76rem;}

.h82 {height: .82rem;}

.h90 {height: 0.9rem;}

.h95 {height: 0.95rem;}

.h106 {height: 1.06rem;}

.h126 {height: 1.26rem;}

.h157 {height: 1.57rem;}

.c-fff {color: #FFF;}

.c-eee {color: #eee}

.c-333 {color: #333}

.c-666 {color: #666}

.c-999 {color: #999}

.c-low-yellow {color: #eeeb78;}

.c-light-yellow {color: #fff45c;}

.c-yellow {color: #fba62f;}

.c-r {color: red}

.c-g {color: green}

.c-b {color: #00b0ff;}

.c-red {color: #ff271c;}

.c-low-red {color: #f26956;}

.c-primary {color: #ff7777}

/*随项目修改，定义主色*/
.c-azure {color: #3fbbff;}

/*天蓝色*/
.c-main {color: #ff3e6c;}

.decimal li {list-style: decimal;margin-bottom: .5rem}

.center {margin-left: auto;margin-right: auto;}

.t-c {text-align: center;}

.t-l {text-align: left;}

.t-r {text-align: right;}

.btn {cursor: pointer;border: 0;overflow: visible;}

.ani-act {
    transform: scale(0.95, 0.97);
    -webkit-transform: scale(0.95, 0.97);
    -webkit-transition-duration: 300ms;
    background-color: rgba(0, 0, 0, 0.2);
}

.w25 {width: 25%;}

.w20 {width: 20%;}

.col2-1 {width: 50%;}

.col1-1 {width: 100%;}

.over_scrollbar {overflow-y: scroll;}

.over_scrollbar::-webkit-scrollbar {display: none;}

.bb {border-bottom: 1px solid #eee;}

/* 底部导航 */

.hover {
    opacity: .8;
}

.flex-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex-con {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-vertical {
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
}

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.4rem;
    z-index: 10000;
    box-shadow: 0 -5px 20px 2px rgba(80, 80, 80, 0.07);
    background: #ffffff;
    padding: 0.15rem 0 0.4rem;
}
/*#footer.iosX{*/
    /*height: 1.5rem;*/
    /*padding: 0.15rem 0 0.5rem;*/
/*}*/

#footer ul li {
    padding-top: 0.45rem;
    background-size: auto 0.4rem !important;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.40rem;
    color: #999999;
    position: relative;
}

#footer ul li.active {
    color: #ff7777;
}

#footer ul li:nth-child(1) {
    background: url('../icon/tabnav1.png') top center no-repeat;
}

#footer ul li:nth-child(2) {
    background: url('../icon/tabnav2.png') top center no-repeat;
}

#footer ul li:nth-child(4) {
    background: url('../icon/tabnav5.png') top center no-repeat;
}

#footer ul li:nth-child(5) {
    background: url('../icon/tabnav4.png') top center no-repeat;
}

#footer ul li:nth-child(1).active {
    background: url('../icon/tabnav11.png') top center no-repeat;
}

#footer ul li:nth-child(2).active {
    background: url('../icon/tabnav22.png') top center no-repeat;
}

#footer ul li:nth-child(4).active {
    background: url('../icon/tabnav55.png') top center no-repeat;
}

#footer ul li:nth-child(5).active {
    background: url('../icon/tabnav44.png') top center no-repeat;
}

#footer ul li:nth-child(3).active .school-logo {
    border: 1px #ff7777 solid;
    box-shadow: 0 0 10px 2px rgba(255,119,119,0.2);
}

#footer ul li .school-logo {
    width: 1.36rem;
    height: 1.36rem;
    padding: 0.1rem;
    border: 1px #f0f0f0 solid;
    border-radius: 50%;
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 0 10px 2px rgba(222,222,222,0.2);
}

#footer ul li .school-logo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/* 底部导航 end */



/* 加载动图 */
.LoadingGif{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}
.LoadingGif .gif{
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("../icon/loading3.gif") center no-repeat;
    background-size: 100% 100%;
}
/* 加载动图 end */

.pl50{padding-left:  35%;}

















